.popup {
    position: fixed;
    width: 461px;
    height: 641px;
    display: none;
    text-align: center;

    background: url("/img/sherlock_reg.png") no-repeat rgba(255, 255, 255, 0);;
    background-size: 100% 100%;
    left: 50%;
    margin-left: -230px;
    top: 50%;
    margin-top: -320px;
    z-index: 10;
}

.popup input[type=text],
.popup input[type=password]{
    font-family: Comic Sans;
    color: #000000;
    font-size: 15px;
    margin: 3px;
    width: 253px;
    height: 49px;
}

.popup input[type=text]{
    background: url("/img/log.png") no-repeat rgba(255, 255, 255, 0);
    background-size: 102% 113%;
    background-position: 100% 100%;
    border: none;
    text-indent: 40px;
}

.popup input[type=password]{
    background: url("/img/pass.PNG") no-repeat rgba(255, 255, 255, 0);
    background-size: 102% 113%;
    background-position: 100% 100%;
    border: none;
    text-indent: 40px;
}

.popup input[type=text]:focus,
.popup input[type=password]:focus{
    outline: none;
}

.reg-log-header {
    color: #FFF8DC;
    position: relative;
    width: 300px;
    top: 31px;
    font-style: oblique;
    display: inline-block;
}

.reg-log-close {
    display: inline-block;
    color: #FFF8DC;
    font-family: Comic Sans MS,sans-serif;
    font-weight: bold;
    font-size: 24px;
    font-style: italic;
    cursor: pointer;
}

.reg-log-close:hover {
    text-shadow: 1px 1px 4px #FFF8DC, 0 0 1em #FFF8DC;
}

.reg-log-form {
    position: relative;
    top: 53%;
    display: inline-block;

    color: #FFF8DC;
    width: 300px;
    text-align: center;

    left: 2%;

}

#reg_form input {
    margin: 0px;
}

.reg-log-form button,
.reg-log-form input[type=submit]{
    border-radius: 0px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #FFF8DC;
    text-align: center;
    padding: 7px 7px;
    cursor: pointer;
    outline: none;
    color: #333;
    font-size: 17px;
    font-family: Comic Sans;
    font-weight: bold;
    width: 150px;
    margin-top: 10px;
}

.reg-log-form  button:active,
.reg-log-form input[type=submit]:active {
    background: #f3e2ab;
    background: -moz-linear-gradient(0% 100% 90deg, #f3e2ab, #000000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8dfb9), to(#f2f1cc));
    box-shadow: inset 1px 1px 0 0 #f3e2ab;
    -moz-box-shadow: inset 1px 1px 0 0 #f3e2ab;
    -webkit-box-shadow: inset 1px 1px 0 0 #f3e2ab;
}

.reg-log-error {
    display: none;
    color: rgb(255, 135, 5);
}